@import url(./common.less);


.blank-layout{
    display: block;
    position: relative;
    height: 100%;
}

.main-layout {
    display: flex;
    height: 100%;
    >.left {
        flex: 0 0 260px;
        width: 0;
        height: 100%;
        background-color: #001529;
        transition: flex .3s linear;
        > header {
            display: block;
            position: relative;
            height: 49px;
            padding-left: 60px;
            border-bottom: 1px solid @cfff;
            transition: all .3s linear;
            &:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 60px;
                height: 48px;
                background: url(../images/titl.png) no-repeat center center;
            }
            font-size: 1.2rem;
            font-weight: 900;
            white-space: normal;
            line-height: 49px;

        }
    }
    >.right {
        flex: 1;
        width: 0;//防止宽度溢出
        height: 100%;
        background-color: #f5f5f5;
        > article,
        > nav {
             display: block;
             position: relative;
        }
        > nav {
            .clear-float();
             height: 48px;
             padding: 8px 12px;
             box-shadow:  0 0 10 px;
             background-color: @cfff;
        }
        > article {
            height: calc(~"100% - 48px");
            padding: 12px  0;
        }
    }
    &.collapse {
        >.left {
            flex: 0 0 70px;
            > header {
                padding-left: 80px;
            }
            width: 0;
        }
    }
}
.main-layout-menu {
    display: block;
    position: relative;
    height: calc(~"100% - 49px"); //计算属性
    overflow-x: hidden;
}
.gradient-text-two{  
    background-image:-webkit-linear-gradient(45deg,@c7b,@c86a,@ef); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}